<!DOCTYPE html>
<html class="vertical">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<meta name="baidu-site-verification" content="3QBOM6fHQ0" />
		<title>gjTool的个人网站 - www.gjtool.cn</title>
		<meta name="keywords" content="gjTool,gjtool.cn,www.gjtool.cn,gjTool.js" />
		<meta name="description" content="gjTool的个人网站www.gjtool.cn、精简个人js类库gjtool.js的发布站" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="x5-orientation" content="portrait">
		<script type="text/javascript">
			if(!navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
				window.location.href = "index.html";
			}
		</script>
		<link href="images/github.png" type="image/x-icon" rel="shortcut icon" />

		<link rel="stylesheet" type="text/css" href="css/wap.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.1.6.min.css" />

		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/swiper-4.1.6.min.js"></script>
		<script type="text/javascript" src="js/wap.js"></script>
	</head>

	<body>
		<!--导航-->
		<div class="menu" id="menu">
			<h1 class="logo">
            	<a href="https://github.com/gjTool" target="_blank" title="https://github.com/gjTool"></a>
            </h1>
			<ul class="nav">
				<li data-menuanchor="1" class="active" data-hash="slide1">
					<a href="javascript:;">简介</a>
				</li>
				<li data-menuanchor="2" data-hash="slide2">
					<a href="javascript:;">技能</a>
				</li>
				<li data-menuanchor="3" data-hash="slide3">
					<a href="javascript:;">案例</a>
				</li>
				<li data-menuanchor="4" data-hash="slide4">
					<a href="javascript:;">联系方式</a>
				</li>
			</ul>
		</div>

		<div class="wp swiper-container" id="swiper1">
			<div class="wp-inner swiper-wrapper">
				<!--个人简介-->
				<div class="page  page1 swiper-slide">
					<div class="top">
						<p class="mb20 jingli-con">
							<span class="head ">
		                    	<span class="zz"></span>
								<span class="border"></span>
								<img src="images/head.jpg" width="169" height="169" />
							</span>
						</p>
						<p class="p_info mb20 head-info">
							<span class="p_name">gjTool</span>
							<br />
							<span class="p_zhiwei">前端开发工程师</span>
						</p>
						<p class="center h12">
							<span class="zhishi zhishi_1"></span>
						</p>
						<p class="center h12">
							<span class="zhishi zhishi_2"></span>
						</p>
						<p class="center h12" >
							<span class="zhishi zhishi_3"></span>
						</p>
	
						<p class="mb30 h30 center">
							<span class="title_1">工作经历</span>
						</p>
					</div>
					<div class="wrap_time">
						<span class="time_start"></span><span class="time_end"></span>
						<div class="jingli time_1">
							<p class="jingli_time h30">2018-04 — 至今</p>
							<p class="jingli_info h30">武汉信息技术有限公司 &nbsp;&nbsp;开发工程师</p>
						</div>
						<div class="jingli time_2">
							<p class="jingli_time h30">2017-05 — 2018-03</p>
							<p class="jingli_info h30">武汉慧擎科技有限公司 &nbsp;&nbsp;前端工程师</p>
						</div>
						<div class="jingli time_3">
							<p class="jingli_time h30">2014-03 — 2017-05</p>
							<p class="jingli_info h30">杭州一凡科技有限公司 &nbsp;&nbsp;web前端工程师</p>
						</div>
					</div>
				</div>

				<!--个人技能-->
				<div class="page  page2 bg_fff swiper-slide">
					<p class="mb30 jineng">
						<span class="img_bg title_jn"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_1"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_2"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_3"></span>
					</p>
					<div class="list_icon">
						<div class='list_top'>
							<p class="icon_cell icon_cell_1">
								<span class="icon_ico img_bg"></span>
								<span class="icon_txt img_bg">HTML</span>
							</p>
							<p class="icon_cell icon_cell_2">
								<span class="icon_ico img_bg"></span>
								<span class="icon_txt img_bg">CSS3</span>
							</p>
							<p class="icon_cell icon_cell_3">
								<span class="icon_ico img_bg"></span>
								<span class="icon_txt img_bg">JavaScript</span>
							</p>
							<p class="icon_cell icon_cell_4">
								<span class="icon_ico img_bg"></span>
								<span class="icon_txt img_bg">JQuery</span>
							</p>
						</div>
						<div class="txt_intro">
							PC端、移动端 、后端node.js，样样都来，当然离大神还差很远。
							跨浏览器兼容，屏幕自适应，css预编译，gulp、webpack、requirejs模块化开发。
							用过angular1.x、vue2.0、react，熟悉MVVM模式，喜欢钻研前端高新技术。
							熟练使用JavaScript，熟悉面向对象编程，并完成了一个精简js类库 gjTool.js。gjTool.js地址：
							<a href="https://github.com/gjTool/gjTool" title="https://github.com/gjTool/gjTool" target="_blank">https://github.com/gjTool/gjTool</a>
							
						</div>
					</div>
				</div>

				<!--案例-->
				<div class="page  page3 swiper-slide">
					<p class="mt10 h36">
						<span class="title_1">案例</span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_1"></span>
					</p>
					<p class="center h12"> 
						<span class="zhishi zhishi_2"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_3"></span>
					</p>
					<div class="swiper-container"  id="swiper2">
						<div class="swiper-wrapper" id="js_wrap_case">
							<ul class="list_case focus slide swiper-slide">

							</ul>
							<ul class="list_case slide swiper-slide">

							</ul>
							<ul class="list_case slide swiper-slide">

							</ul>
							<ul class="list_case slide swiper-slide">

							</ul>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>

				<!--联系方式-->
				<div class="page  page4 swiper-slide">
					<p class="mb30">
						<span class="img_bg2 title_jn title_yue">
						联系方式
					</span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_1"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_2"></span>
					</p>
					<p class="center h12">
						<span class="zhishi zhishi_3"></span>
					</p>

					<p class="yue">
						<a target="_self" href="mailto:861366490@qq.com"  class="yue_info yue_2"><i  class="icon"></i><i class="text">:&nbsp;861366490@qq.com</i></a>
					</p>
					<p class="yue">
						<a target="_self" href="mqqwpa://im/chat?chat_type=wpa&uin=861366490&version=1&src_type=web&web_src=oicqzone.com" class="yue_info yue_3"><i class="icon"></i><i class="text">:&nbsp;861366490<span>&nbsp;&nbsp;（点击开始联系）</span></i></a>
					</p>
				</div>
			</div>
		</div>

	</body>

</html>